![Introducing Enhanced Alert Actions and Triage Functionality](https://cdn.sanity.io/images/cgdhsj6q/production/fe71306d515f85de6139b46745ea7180362324f0-2530x946.png?w=800&fit=max&auto=format)
Product
Introducing Enhanced Alert Actions and Triage Functionality
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
tsparticles-particles.js
Advanced tools
Changelog
2.12.0 (2023-08-03)
Readme
tsParticles particles.js compatibility library.
The CDN/Vanilla version JS has two different files:
initPjs
function to load the tsParticles/particles.js compatibilityIncluding the tsparticles.pjs.bundle.min.js
file will work exactly like v1
, you can start using the tsParticles
,
the particlesJS
instance, or the Particles
object in the same way.
This installation requires more work since all dependencies must be included in the page. Some lines above are all specified in the Included Packages section.
Once the scripts are loaded you can set up tsParticles
or particlesJS
like this:
const { particlesJS } = initPjs(tsParticles); // not needed if using the bundle script, required for any other installation
particlesJS("tsparticles", {
/* options */
});
// or
tsParticles.load({
id: "tsparticles",
options: {
/* options */
},
});
Here you can use ParticlesJS or tsParticles options, they will work both fine.
const { Particles } = initPjs(tsParticles); // not needed if using the bundle script, required for any other installation
Particles.init({
/* options */
});
Option | Type | Default | Description |
---|---|---|---|
selector | string | - | Required: The CSS selector of your canvas element |
maxParticles | integer | 100 | Optional: Maximum amount of particles |
sizeVariations | integer | 3 | Optional: Amount of size variations |
speed | integer | 0.5 | Optional: Movement speed of the particles |
color | string or string[] | #000000 | Optional: Color(s) of the particles and connecting lines |
minDistance | integer | 120 | Optional: Distance in px for connecting lines |
connectParticles | boolean | false | Optional: true /false if connecting lines should be drawn or not |
responsive | array | null | Optional: Array of objects containing breakpoints and options |
Option | Type | Default | Description |
---|---|---|---|
breakpoint | integer | - | Required: Breakpoint in px |
options | object | - | Required: Options object, that overrides default values |
Method | Description |
---|---|
pauseAnimation | Pauses/stops the particle animation |
resumeAnimation | Continues the particle animation |
destroy | Destroys the plugin |
FAQs
Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.
We found that tsparticles-particles.js demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket now supports four distinct alert actions instead of the previous two, and alert triaging allows users to override the actions taken for all individual alerts.
Security News
Polyfill.io has been serving malware for months via its CDN, after the project's open source maintainer sold the service to a company based in China.
Security News
OpenSSF is warning open source maintainers to stay vigilant against reputation farming on GitHub, where users artificially inflate their status by manipulating interactions on closed issues and PRs.